<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title><empty name="meta_title">Loading...<else />{$meta_title}</empty>|系统安装 - JCCMS极云内容管理系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <link rel="stylesheet" href="__STATIC__/bootstrap3.3.7/css/bootstrap.min.css" /> -->
        <!-- <link rel="stylesheet" href="__STATIC__/bootstrap3.3.7/css/bootstrap-theme.min.css" /> -->
        <link rel="stylesheet" href="__CSS__/install.css" />
        <link rel="icon" type="image/x-icon" href="__STATIC__/favicon.ico"/>
        <link rel="shortcut icon" type="image/x-icon" href="__STATIC__/favicon.ico"/>
        <link rel="icon" sizes="144x144" href="__STATIC__/favicon.png">
        <!--[if lt IE 9]>
        <script type="text/javascript" src="__STATIC__/jquery-1.11.3.min.js"></script>
        <![endif]--><!--[if gte IE 9]><!-->
        <script type="text/javascript" src="__STATIC__/jquery-2.1.4.min.js"></script>
        <!--<![endif]-->
        <!-- <script type="text/javascript" src="__STATIC__/bootstrap3.3.7/js/bootstrap.min.js"></script> -->
    </head>
    <body>
        <div id="wrapper">
            <header id="header">
                <div id="headBox">
                    <div class="w960 oh">
                        <a href="http://www.jeecloud.net" class="fl mt10 logo"><img src="__STATIC__/logo.png" alt="JCCMS" /></a>
                        <nav id="navs" class="fr">
                            <a href="http://cms.jeecloud.cn">系统首页</a>
                            <a href="http://cms.jeecloud.cn/buy.html">授权购买</a>
                            <a href="http://cms.jeecloud.cn/forum.html">帮助论坛</a>
                        </nav>
                    </div>
                </div>
            </header><!-- // header end -->
            <div class="container w960 mt20">
                <div id="processor" >
                    <ol class="processorBox oh">
                        <block name="navs"></block>
                    </ol>
                    <div class="step_line"></div>
                </div>
                <div class="content">
                    <block name="body"></block>
                </div>
            </div><!-- // container end -->
            <footer id="footer">
                <div id="footBar">
                    <div class="w960 tc">
                        Copyright © 2018 <a href="http://www.jeecloud.net">衡阳极云信息技术有限公司</a> All rights reserved.  <span class="sp">|</span> <a href="http://cms.jeecloud.cn">JCCMS</a>
                    </div>
                </div>
            </footer><!-- // footer end -->
        </div><!-- // wrapper end -->
        
        <script> 
            //显示提示框，目前三个参数(txt：要显示的文本；time：自动关闭的时间（不设置的话默认1500毫秒）；status：默认0为错误提示，1为正确提示；)
            function showTips(txt,time,status)
            {
                var htmlCon = '';
                if(txt != ''){
                    if(status != 0 && status != undefined){
                        htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#4AAF33;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="__IMG__/yes.png" style="vertical-align: middle;margin-right:5px;" alt="OK，"/>'+txt+'</div>';
                    }else{
                        htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#D84C31;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="__IMG__/no.png" style="vertical-align: middle;margin-right:5px;" alt="Error，"/>'+txt+'</div>';
                    }
                    $('body').prepend(htmlCon);
                    if(time == '' || time == undefined){
                        time = 1500; 
                    }
                    setTimeout(function(){ $('.tipsBox').remove(); },time);
                }
            }
            
            $(function(){
                //AJAX提交以及验证表单
                $('#nextBtn').click(function(){
                    var email = $('.email').val();
                    var passwd = $('.passwd').val();
                    var passwd2 = $('.passwd2').val();
                    var EmailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
                    if(passwd == ''){
                        showTips('请填写您的密码~');
                    }else if(passwd2 == ''){
                        showTips('请再次输入您的密码~');
                    }else if(passwd != passwd2 || passwd2 != passwd){
                        showTips('两次密码输入不一致呢~');
                    }else if(email == ''){
                        showTips('请填写您的邮箱~');
                    }else if(!EmailReg.test(email)){
                        showTips('您的邮箱格式错咯~');
                    }else{
                        showTips('提交成功~ 即将进入下一步',2500,1);
                        //此处省略 ajax 提交表单 代码...
                        $('form').submit();return false;
                    }
                });
                
                //切换步骤（目前只用来演示）
                // $('.processorBox li').click(function(){
                //     var i = $(this).index();
                //     $('.processorBox li').removeClass('current').eq(i).addClass('current');
                //     $('.step').fadeOut(300).eq(i).fadeIn(500);
                // });
            });
        </script>
    </body>
</html>